<style>
    .imgVerify{
        position: absolute;
        height: 20px;
        left: 70px;
        top: 1px;
        cursor: pointer;
    }
    .imgVerify-box{
        position: absolute;
        height: 47px;
        left: 70px;
        top:-25px;
        cursor: pointer;
    }
    .btn{
        margin-top: 10px;
        padding: 5px 20px;
        cursor: pointer;
    }
    .btn:hover{
        color: #fff;
        background: #d8aa72;
    }
</style>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
    <tr onclick="new Element.toggle('login')">
        <td style="background: url(__PUBLIC__/pc/images/ltop.gif) no-repeat;" height=25 class="column_position p240">
            会员登录
        </td>
    </tr>
    <TBODY id=login>
    <tr>
        <td style="PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: #59210a; PADDING-TOP: 1px"
            vAlign=center align=middle background=__PUBLIC__/pc/images/lmid.gif>
            <div id=UserLogin>
                <table align='center' width='100%' border='0' cellspacing='0' cellpadding='0'>
                    <form method='post' name='UserLogin' target='_top'>
                        <tr>
                            <td height='25' align='right'>用户名：</td>
                            <td height='25'>
                                <input name='username' type='text' id='username' size='16'maxlength='20' style='width:110px;'></td>
                        </tr>
                        <tr>
                            <td height='25' align='right'>密&nbsp;&nbsp;码：</td>
                            <td height='25'>
                                <input name='password' type='password' id='password' size='16' maxlength='20' style='width:110px;'>
                            </td>
                        </tr>
                        <tr>
                            <td height='25' align='right'>验证码：</td>
                            <td height='25' style="position: relative">
                                <input name='verify_code' type='text' id='verify_code' size='4' maxlength='4'>
                                <a class="btn-text-message" rel="mobile">
                                    <img class="imgVerify" src="{:U('member/verify')}" onmouseover="showBigVerify(this)" />
                                    <img class="imgVerify-box hide" src="{:U('member/verify')}" onmouseout="hideBigVerify(this)" onclick="fleshVerify();"/>
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <td height='25' colspan='2' align='center'>
                                <input name='Login' type='button' onclick="CheckLoginForm()" class="btn" value=' 登 录 '>
                                <br><br>
                                <a href="{:U('member/register')}" target='_blank'>新用户注册</a>
                                <!--<a href='' target='_blank'>忘记密码？</a>-->
                            </td>
                        </tr>
                    </form>
                </table>
                <script language=javascript>

                    function showBigVerify() {

                        $('.imgVerify-box').show().siblings().hide();
                    }

                    function hideBigVerify() {

                        $('.imgVerify').show().siblings().hide();
                    }

                    function fleshVerify() {
                        //重载验证码
                        $('.imgVerify,.imgVerify-box').attr('src', "{:U('member/verify')}");
                    }
                </script>
            </div>
        </td>
    </tr>
    <tr>
        <td height=5><IMG src="__PUBLIC__/pc/picture/userbot.gif"></td>
    </tr>
</table>